<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>首页</title>
		<link rel="stylesheet" href="resource/css/layui.css">
		<style type="text/css">
			.panel{
				    margin-bottom: 20px;
				    background-color: #fff;
				    border: 1px solid transparent;
				    border-radius: 4px;
				    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
				    box-shadow: 0 1px 1px rgba(0,0,0,0.05);
			}
			.panel a:hover .panel_icon i {
			    display: inline-block;
			    transform: rotate(360deg);
			    -webkit-transform: rotate(360deg);
			    -moz-transform: rotate(360deg);
			    -o-transform: rotate(360deg);
			    -ms-transform: rotate(360deg);
			}
			.symbol {
			    width: 40%;
			    padding:2.2em 0;
			    border-radius: 4px 0px 0px 4px;
			    display: inline-block;
			    text-align: center;
			}
			.value {
			    width: 58%;
			    text-align: center;
			    float: right;
			    margin-top: 1.4em;
			}
			.layui-icon{
				    font-size: 35px;
			}
		</style>
	</head>
	<body>
		<div class="layui-container" style="padding: 15px;width:100%;">  
			<div class="layui-row">
				<div class="layui-col-md12">
					<blockquote class="layui-elem-quote">
						管理员,晚上好！现在时间是:<span id="time"></span>!
					</blockquote>
				</div>
				<div class="layui-col-md12">
					<div class="layui-carousel" id="test1">
					  <div carousel-item>
					    <div>条目1</div>
					    <div>条目2</div>
					    <div>条目3</div>
					    <div>条目4</div>
					    <div>条目5</div>
					  </div>
					</div>
				</div>
				<div class="layui-col-md12">
					<div class="layui-row layui-col-space10"style="margin-top:10px;">
						<div class="layui-col-md6">
							<blockquote class="layui-elem-quote" style="margin-bottom:0px;">
								公告
							</blockquote>
							<div class="layui-elem-quote layui-quote-nm">
								<h3># v1.0.1（优化） - 2017-06-25</h3>
								<p>* 修改刚进入页面无任何操作时按回车键提示“请输入解锁密码！”</p>
								<p>* 优化关闭弹窗按钮的提示信息位置问题【可能是因为加载速度的原因，造成这个问题，所以将提示信息做了一个延时】</p>
								<p>* “个人资料”提供修改功能</p>
								<p>* 顶部天气信息自动判断位置【忘记之前是怎么想的做成北京的了，可能是我在大首都吧，哈哈。。。】</p>
								<p>* 优化“用户列表”无法查询到新添加的用户【竟然是因为我把key值写错了，该死。。。】</p>
								<p>* 将左侧菜单做成json方式调用，而不是js调用，方便开发使用。同时添加了参数配置和非窗口模式打开的判断，【如登录页面】</p>
								<p>* 优化部分页面样式问题</p>
								<p>* 优化添加窗时如果导航不存在图标无法添加成功</p>
								<br>
								<p># v1.0.1（新增） - 2017-07-05</p>
								<p>* 增加“用户列表”批量删除功能【可能当时忘记添加了吧。。。】</p>
								<p style="color:#f00;">* 顶部窗口导航添加“关闭其他”、“关闭全部”功能，同时修改菜单窗口过多的展示效果【在此感谢larryCMS给予的启发】</p>
								<p>* 添加可隐藏左侧菜单功能【之前考虑没必要添加，但是很多朋友要求加上，那就加上吧，嘿嘿。。。】</p>
								<p>* 增加换肤功能【之前就想添加的，但是一直没有找到好的方式（好吧，其实是我忘记了），此方法相对简单，不是普遍适用，只简单的做个功能，如果实际用到建议单独写一套样式，将边框颜色、按钮颜色等统一调整，此处为保证代码的简洁性，只做简单的功能，不做赘述，另外“自定义”颜色中未做校验，所以要写入正确的色值。如“#f00”】</p>
								<p style="color:#f00;">* 增加登录页面【背景视频仅作样式参考，实际使用中请自行更换为其他视频或图片，否则造成的任何问题使用者本人承担。】</p>
							</div>
						</div>
						<div class="layui-col-md6">
							<blockquote class="layui-elem-quote"  style="margin-bottom:0px;">
								我的工作区
							</blockquote>
							<div class="layui-elem-quote layui-quote-nm">
								<div class="layui-row layui-col-space10">
									<div class="layui-col-md4">
										<section class="panel" style="background-color:#F0F0F0;">
						                    <div class="symbol layui-bg-blue"> <i class="layui-icon">&#xe642;</i>  
						                    </div>
						                    <div class="value tab-menu" bind="1">
						                        <a href="javascript:;" data-url="user-info.html" data-parent="true" data-title="代办事项"> <i class="iconfont " data-icon=""></i>
						                            <h1>10</h1>
						                        </a>
						                        <a href="javascript:;" data-url="user-info.html" data-parent="true" data-title="代办事项"> <i class="iconfont " data-icon=""></i><span>代办事项</span></a>
						                    </div>
						                </section>
									</div>
									<div class="layui-col-md4">
										<section class="panel" style="background-color:#F0F0F0;">
						                    <div class="symbol layui-bg-red"> <i class="layui-icon">&#xe63a;</i>  
						                    </div>
						                    <div class="value tab-menu" bind="1">
						                        <a href="javascript:;" data-url="user-info.html" data-parent="true" data-title="消息"> <i class="iconfont " data-icon=""></i>
						                            <h1>16</h1>
						                        </a>
						                        <a href="javascript:;" data-url="user-info.html" data-parent="true" data-title="消息"> <i class="iconfont " data-icon=""></i><span>我的消息</span></a>
						                    </div>
						                </section>
									</div>
									<div class="layui-col-md4">
										<section class="panel" style="background-color:#F0F0F0;">
						                    <div class="symbol layui-bg-green"> <i class="layui-icon">&#xe60a;</i>  
						                    </div>
						                    <div class="value tab-menu" bind="1">
						                        <a href="javascript:;" data-url="user-info.html" data-parent="true" data-title="文章总数"> <i class="iconfont " data-icon=""></i>
						                            <h1>8</h1>
						                        </a>
						                        <a href="javascript:;" data-url="user-info.html" data-parent="true" data-title="文章总数"> <i class="iconfont " data-icon=""></i><span>我的记录</span></a>
						                    </div>
						                </section>
									</div>
								</div>
								<div id="echart" style="width:100%;height:280px;"></div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--div class="layui-row">
				<div class="layui-col-md10 layui-col-md-offset1">
					<div class="layui-row" style="height: 400px;">
						<div class="layui-col-md12">
							未提交计划的单位
							<hr>
							<blockquote class="layui-elem-quote">
								   使用状态为“在用”或者“新增”，并且管理有效期为空或者位于下个月，于本月20号还没有加入月度计划的单位。
							</blockquote>
						</div>
					</div>
					<div class="layui-row layui-col-space10">
						<div class="layui-col-md6">
							设备过期 
							<hr>
							<blockquote class="layui-elem-quote">
								   过期计量器具需满足以下条件：①设备使用状态为“在用”；②管理有效期已经过期；③溯源方式为“检定”或“校准”的计量器具；④当前还没有加入月度计划；⑤管理有效期大于0。
							</blockquote>
						</div>
						<div class="layui-col-md6">
							逾期未更新台帐的单位
							<hr>
							<blockquote class="layui-elem-quote">
								     逾期定义：检定设备从检定点领回当天起30内没有更新台帐的定位“逾期未更新台帐”
							</blockquote>
						</div>
					</div>
				</div>
				<div class="layui-col-md1"></div>
			</div-->
		</div>
		<script src="resource/layui.js"></script>
		<script type="text/javascript" src="resource/echarts.min.js"></script>
		<script src="js/main.js"></script>
	</body>
</html>
